<template>
  <h1>医生组件</h1>
  <f-select v-model:value="type">
    <f-select-option value="radio" label="radio" />
    <f-select-option value="select" label="select" />
    <f-select-option value="checkbox" label="checkbox" />
  </f-select>
  <f-doctor
    showTitle
    v-model:value="dataValue"
    :type="type"
    isDefault
    @change="handleChange"
    class="s-w200" />
  {{ dataValue }}
</template>

<script setup>
import { onBeforeMount, ref } from 'vue';

const type = ref('select');
// const dataValue = ref(null);
const dataValue = ref();

const handleChange = (val, opt) => console.log('handleChange', val, opt);

onBeforeMount(() => {});
</script>

<style lang="scss"></style>
